<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 本地存储： 
        // 1. localStorage:   不会随着浏览器的关闭消失
        // 2. sessionStorage: 存的数据，随着浏览器的关闭[会话]会消失

        // api
        // 设置数据： localStorage.setItem(key,value): 设置值最终转化为字符串
        // 读取数据： localStorage.getItem(key)
        // 删除数据： localStorage.removeItem(key)
        // 全部清除： localStorage.clear();

        // localStorage.setItem('token','123123');

        // sessionStorage.setItem('test-session','6666')

        // console.log(typeof localStorage.getItem('token'))

        // console.log(sessionStorage.getItem('test-session'))

        // 设置对象类型. 
        // 1. 存储时，将其转化为json字符串
        // 2. 读取时， 在将json格式的字符串==》 对象
        //        读取时如果没有该 key 那么读取的值是 null
        let user = {name:'atguigu',age:10}
        localStorage.setItem('user',JSON.stringify(user))

        let res = localStorage.getItem('user')
        console.log(JSON.parse(res));

        // 清除：
        // 1. 指定键名清除  localStorage.removeItem('key')
        localStorage.removeItem('todos')
        // 2. 全部清除
        localStorage.clear();

    </script>
</body>
</html>